<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!-- 取出部署的应用程序名或者是当前的项目名称 -->
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>
<html lang="zh-CN" class="no-js">
<head>
    <meta charset="UTF-8">
    <title>管理后台</title>
    <%@include file="/WEB-INF/jsp/common/component/head.jsp"%>
</head>
<body class="  ">
<div id="wrap">
    <div id="top">
        <%@include file="/WEB-INF/jsp/common/component/navbar.jsp"%>
    </div><!-- /#top -->

    <div id="left">
        <%@include file="/WEB-INF/jsp/common/component/userMessage.jsp"%>
        <%@include file="/WEB-INF/jsp/common/component/menu.jsp"%>
    </div><!-- /#left -->

    <div class="content" >
        <div class="inner  dk" style="background-image: url(${ctx}/assets/img/tpmo/bg.jpg);background-size: cover">
            <form class="form-horizontal" role="form">
                <div class="form-group">                                                                               <!--页头-->
                    <div class="col-sm-12 ">
                        <div class="page-header">
                            <h1 style="font-family: '微软雅黑'">传书 <small style="color: rgb(22,22,22)">input your book information</small></h1>
                        </div>
                    </div>
                </div>
                -------------------------------------
                <div class="form-group " >                                                                            <!--上传书籍图片-->
                    <label for="upload" class="col-sm-2 control-label">书籍图片</label>
                    <div class="col-sm-6 ">
                        <input id="upload" type="file" multiple name="file">
                    </div>
                </div>
                -------------------------------------
                <div class="form-group">                                                                             <!--书名-->
                    <label for="bookname" class="col-sm-2 control-label">书名</label>
                    <div class="col-sm-6 has-warning">
                        <input type="text" class="form-control" id="bookname" placeholder="the title of book ">
                    </div>
                </div>
                -------------------------------------
                <div class="form-group">                                                                               <!--语言-->
                    <label  class="col-sm-2 control-label">语言</label>
                    <div class="col-sm-6">
                        <div class="checkbox"  >
                            <label><input type="checkbox" name="test" >中文&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</label>
                            <label><input type="checkbox"  name="test">其他</label>
                        </div>
                        <%--<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">--%>
                    </div>
                </div>
                --------------------------------------
                <div class="form-group">
                    <label for="bookmaker" class="col-sm-2 control-label">作者</label>
                    <div class=" col-sm-4">
                        <input type="text" class="form-control" id="bookmaker" name="bookauthor" placeholder="book author ">
                    </div>
                </div>
                ----------------------------------------
                <div class="form-group">
                    <label for="isbn" class="col-sm-2 control-label">ISBN</label>
                    <div class=" col-sm-4">
                        <input type="text" class="form-control" id="isbn" name="ibsnum" placeholder="就是书本条形码下的数字~ ">
                    </div>
                </div>
                -----------------------------------------
                <div class="form-group">
                    <label for="dtp_input2" class="col-sm-2 control-label">出版时间</label>
                    <div class="input-group date  form_date col-sm-4" style="padding-left: 12px" data-date="" data-date-format="yyyy/MM/dd">
                        <input class="form-control" size="16" type="text" value="" readonly >
                        <%--<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>--%>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                    </div>
                    <input type="hidden" id="dtp_input2" value="" /><br/>
                </div>
                -----------------------------------------
                <div class="form-group">
                    <label for="press" class="col-sm-2 control-label">出版社</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" id="press" name="presss" placeholder="publishing house"/>
                    </div>
                </div>
                ------------------------------------------
                <div class="form-group">
                    <label for="price" class="col-sm-2 control-label">价格</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" id="price" name="prices" placeholder="人民币~"/>
                    </div>
                </div>
                -------------------------------------------
                <div class="form-group">
                    <label for="introduce" class="col-sm-2 control-label">介绍</label>
                    <div class="col-sm-6">
                        <textarea class="form-control" id="introduce" rows="4" placeholder="分享你的愉阅~"></textarea>
                    </div>
                </div>
                <br/>
                <br/>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-lg btn-info" style="width: 500px">Submit</button>
                    </div>
                </div>
            </form>
            <br/><br/><br/><br/><br/>
        </div>

    </div><!-- /#content -->
</div><!-- /#wrap -->
<%@include file="/WEB-INF/jsp/common/component/foot.jsp"%>
</body>

<script>
    $(function(){
        initFileInput("upload", "/upload");
        $('#upload').on('fileuploaded', function(event, data, previewId, index, reader){
            var response = data.response;
            console.info("response: " + response);
        });
    });
    $('.form_date').datetimepicker({
        language:  'zh-CN',
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0
    });
</script>

</html>